<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>可视化模板列表</title>
</head>
<style>
	html,body,div,ul,ol,li,p{font-family:Arial, "Microsoft YaHei", "Helvetica Neue", Helvetica,  sans-serif;margin:0 auto;padding:0;}
	html,body{overflow: auto;height: 100%;}
	body{ margin: 0;  font-size: 12px; color: #333; line-height: 20px; min-width: 1240px;background:#f3f3f3;}
	li{list-style:none}
	img{border:0;vertical-align:middle;}
	/*clearfix 清浮动  */
	* html .clearfix {zoom: 1;}
	*+html .clearfix {zoom: 1;}
	.clearfix:after {height: 0;visibility: hidden;content: ".";display: block;clear: both;}
	.vis-hed {  background:#162436;}
	.vis-hed-w {width:1200px; margin:0 auto;}
	.vis-hed-w a { color:#fff; text-decoration:none}
	.vis-hed-w .vis-logo { margin-top:15px; float:left; font-size:21px; font-weight:bold;}
	.vis-nav { float:right; margin-left:20px;}
	.vis-nav li { margin:0 5px; display:inline-block; font-size:14px;}
	.vis-nav li a { padding:15px 10px; display:inline-block;}
	.vis-nav li a:hover { background:#1e324c;}
	.vis-foot {padding:15px 0;  background:#162436;}
	.vis-foot-w {width:1200px; margin:0 auto; text-align:center; color:#fff; font-size:14px;}
	.vis-box {width:1200px; margin:40px auto;}
	.vis-ht {padding:28px 0; background:#fff; border-bottom: 1px solid #dcdcdc;}
	.vis-ht h1{ width:1200px; margin:0 auto; color:#333; font-size:30px; line-height:30px; font-weight:bold; text-align:center;}
	.vis-ht p{ text-align:center; font-size:16px; color:#888; margin-top:12px;}
	.vis-h { font-size:24px; color:#666; line-height:18px; margin-bottom:20px; padding-left:5px;}
	.vis-h span{ font-size:20px; margin-left:10px;}
	.vis-list { margin-bottom:25px;}
	.vis-list li { width:21%; float:left; padding:8px 8px 15px; margin:0 2% 25px 0; overflow:hidden; border-radius:3px; background:#f9f9f9;  box-shadow: 0 1px 2px rgba(0,0,0,0.1);}
	.vis-list li .link { width:100%; max-width:400px; margin: 0 auto 10px; display:block; }
	.vis-list li .link:hover {}
	.vis-list li img {height:150px; width:100%; display:block; margin-bottom:12px; border-radius:3px 3px 0 0; background:#fff;}
	.vis-list li p { margin:0 5px 0; font-size:14px;}
	.vis-list li .title{ font-size:16px; color:#2385FB; line-height:30px;}
	.vis-list li .name { color:#666;}
	.vis-list li .name span { color:#2385FB;}
</style>
<body>
	<div class="vis-hed">
    	<div class="vis-hed-w clearfix">
            <div class="vis-logo">
                <a href="">Shield大数据可视化</a>
            </div>
            <ul class="vis-nav">
                <li><a href="">文档说明</a></li>
                <li><a href="">下载模板</a></li>
                <li><a href="">实例展示</a></li>
                <li><a href="">关于我们</a></li>
            </ul>
        </div>
    </div>
    <div class="vis-ht">
    	<h1>数据可视化效果图</h1>
        <p>可在此下载各类 可视化数据 扩展插件，提供更丰富的图表类型和增强功能</p>
    </div>
	<div class="vis-box">
    	<div class="vis-h">模板<span>Templeates</span></div>
        <ul class="vis-list clearfix">
            <li><a class="link"  href="demo.jsp" target="_blank" ><img src="https://s2.ax1x.com/2019/11/25/Mjh7Xd.md.png" width=""></a>
            	<p class="title">信用信息平台</p>
            	<p class="name">贡献者：<span>吕凯</span></p>
            </li>
            <li><a class="link" href="templ/chelianwang/index.html" target="_blank"><img src="https://s2.ax1x.com/2019/11/25/Mj4G4K.md.png" width=""></a>
            	<p class="title">车联网平台</p>
            	<p class="name">贡献者：<span>吕凯</span></p>
            </li>
            <li><a class="link" href="templ/community/index.html" target="_blank"><img src="https://s2.ax1x.com/2019/11/25/Mj42vQ.md.png" width=""></a>
            	<p class="title">智慧社区</p>
            	<p class="name">贡献者：<span>吕凯</span></p>
            </li>
            <li><a class="link" href="templ/devices/index.html" target="_blank" ><img src="https://s2.ax1x.com/2019/11/25/Mj5mIP.md.png" width=""></a>
            	<p class="title">设备管理</p>
            	<p class="name">贡献者：<span>吕凯</span></p>
            </li> 
			<li><a class="link" href="templ/devops/index.html" target="_blank"><img src="https://s2.ax1x.com/2019/11/25/Mj5UiV.md.png" width=""></a>
            	<p class="title">运维中心</p>
            	<p class="name">贡献者：<span>吕凯</span></p>
            </li>
			<li><a class="link" href="templ/eshop/index.html" target="_blank"><img src="https://s2.ax1x.com/2019/11/26/Mxgtjs.md.png" width=""></a>
            	<p class="title">电子商城</p>
            	<p class="name">贡献者：<span>吕凯</span></p>
            </li>
			<li><a class="link" href="templ/medical/index.html" target="_blank" ><img src="https://s2.ax1x.com/2019/11/27/Q99buD.md.png" width=""></a>
            	<p class="title">智慧医疗</p>
            	<p class="name">贡献者：<span>吕凯</span></p>
            </li>
			<li><a class="link" href="templ/travel/index.html" target="_blank" ><img src="https://s2.ax1x.com/2019/11/25/MjIZy4.md.png" width=""></a>
            	<p class="title">智慧旅游</p>
            	<p class="name">贡献者：<span>吕凯</span></p>
            </li>
			<li><a class="link" href="templ/wulianwang/index.html" target="_blank"><img src="https://s2.ax1x.com/2019/11/25/MjIR7n.md.png" width=""></a>
            	<p class="title">物联网平台</p>
            	<p class="name">贡献者：<span>吕凯</span></p>
            </li>
            <li><a class="link" href="templ/wuliu/index.html" target="_blank" ><img src="https://s2.ax1x.com/2019/11/25/MjI7X4.md.png" width=""></a>
            	<p class="title">智慧物流</p>
            	<p class="name">贡献者：<span>吕凯</span></p>
            </li>
            <li><a class="link" href="templ/wuliu2/index.html" target="_blank" ><img src="https://s2.ax1x.com/2019/11/25/MjIz9K.md.png" width=""></a>
            	<p class="title">智慧物流2</p>
            	<p class="name">贡献者：<span>吕凯</span></p>
            </li>
            <li><a class="link" href="templ/yuqingfenxi/index.html" target="_blank" ><img src="https://s2.ax1x.com/2019/11/25/Mjoe9f.md.png" width=""></a>
            	<p class="title">舆情分析</p>
            	<p class="name">贡献者：<span>吕凯</span></p>
            </li>
        </ul>
        <div class="vis-h">自定义图表<span>Extend Charts</span></div>
        <ul class="vis-list clearfix">
            <li><a class="link" href=""><img src="https://s2.ax1x.com/2019/12/04/Ql6VxK.png" width=""></a>
            	<p class="title">柱状占比图</p>
            	<p class="name">贡献者：<span>吕凯</span></p>
            </li>
            <li><a class="link" href=""><img src="https://s2.ax1x.com/2019/12/04/Ql6zWt.png" width=""></a>
            	<p class="title">柱状折线图</p>
            	<p class="name">贡献者：<span>吕凯</span></p>
            </li>
            <li><a class="link" href=""><img src="https://s2.ax1x.com/2019/12/04/QlWTbT.png" width=""></a>
            	<p class="title">柱状阴影叠加图</p>
            	<p class="name">贡献者：<span>吕凯</span></p>
            </li>
        </ul>
	</div>
    <div class="vis-foot">
    	<div class="vis-foot-w">
        	版权所有 © 2019 Software Center - 绿盾技术部项目组. v2.0.0
        </div>
    </div>
</body>
</html>
